.p-about {

    h2 {
        margin-bottom: .25rem;
        text-align: center;
        font-size: 1.625rem;
        font-weight: bold;

        &.subTitle {
            margin-bottom: 3rem;
            font-size: .8125rem;
            font-weight: normal;
        }
    }

    // 走马灯广告位
    .banner {
        position: relative;
        padding-top: 7.75rem;
        height: 31rem;
        color: #fff;
        background: url('../../assets/img/banner_about.jpg') center;
        background-size: cover;

        .m-navbar {
            position: absolute;
            top: 0;

        }

        .img {
            margin: 0 auto;
            width: 8rem;
            height: 8rem;
            background: url('../../assets/img/aboutWord.png') center;
            background-size: contain;
        }

        h2 {
            margin-bottom: .75rem;
            font-size: 2.25rem;
            font-weight: normal;
            letter-spacing: .25rem;
        }

        .subTitle {
            font-size: 1.75rem;
            letter-spacing: 0;
        }

    }

    .content {
        position: relative;
        margin-top: -4.75rem;

        .aboutPage {
            ul.tab-header {
                background: rgba(0, 0, 0, .25);
                display: flex;
                justify-content: center;

                li {
                    position: relative;
                    flex-basis: calc(100% / 6);
                    text-align: center;
                    line-height: 4.75rem;
                    font-size: 0.875rem;
                    letter-spacing: .125rem;
                    color: #fff;
                    cursor: pointer;
                    transition: all .33s;

                    &.active,
                    &:hover {
                        background-color: @primary-color;

                        &::before,
                        &+li::before {
                            content: none;
                        }
                    }

                    &~li {
                        &::before {
                            content: '';
                            display: inline-block;
                            position: absolute;
                            left: 0;
                            top: 50%;
                            transform: translateY(-50%);
                            width: .0625rem;
                            height: 3.25rem;
                            background-color: rgba(255, 255, 255, .5)
                        }
                    }
                }
            }

            ul.tab-body {

                li {
                    ul.list {
                        li.list-item {
                            display: flex;
                            justify-content: space-between;
                            margin: 5rem 0;

                            .img {
                                flex-basis: 25rem;
                                height: 20rem;
                                background-position: center;
                                background-size: cover
                            }

                            .texts {
                                flex: 1;
                                padding-right: 4rem;
                                text-align: justify;

                                &::before {
                                    content: '';
                                    position: relative;
                                    display: inline-block;
                                    top: -.25rem;
                                    width: .625rem;
                                    height: .625rem;
                                    background-color: @primary-color;
                                }

                                h4 {
                                    margin-bottom: .875rem;
                                    font-size: 1.375rem;
                                    font-weight: bold;

                                    &.title {
                                        color: @primary-color
                                    }
                                }

                                .text {
                                    color: #666
                                }
                            }

                            &:nth-child(even) {
                                flex-flow: row-reverse;
                                .texts{
                                    padding-right: 0;
                                    padding-left: 4rem;

                                }
                            }

                        }
                    }

                    .paginationWrap {
                        margin-bottom: 4rem;
                    }
                }
            }
        }

        // }


    }


}